Vadim Makeev
981 subscribers
229 photos
11 videos
78 links
Frontend developer in love with the Web, browsers, bicycles, and podcasting. He/him, MDN technical writer, Google Developer Expert. Based in Berlin.

@pepelsbey_dev + https://pepelsbey.dev/
Download Telegram
Remember* that annoying browser behavior when they copy text in uppercase, although it’s only styled like that with text-transform? Yes, the one that goes against the spec. Apparently, Chrome 127 shipped the fix in July! Now, only Safari does that 🤨

It only took me half an hour to figure out how to find a specific branch base position here to download an old Chromium version from here and test it. Oh, and also xattr -cr /Applications/Chromium.app to be able to run it 🙄

* If you don’t, here’s an updated article
Last week, I successfully broke free from the vendor-locked and rather limited Apple smart home ecosystem and jumped straight into the rabbit hole of Home Assistant, running on a VM inside of my NAS with Zigbee and Bluetooth dongles sticking out of it. If you know what the hell I’m talking about, give me a sad like and share some of your favorite Home Assistant tricks and resources 🤓
Yesterday, I gave a talk about MathML, and I heard that some people thought “ML” stood for “machine learning.” “Math Machine Learning” even makes some sense. To their disappointment, I was talking about markup language instead.

It got me thinking… With all the hype around AI, maybe next time I pitch an HTML talk, I should throw in “Hypertext Machine Learning” somewhere in the description, just to improve my odds 🤔
Any idea who’s right? It would be nice to be able to position a popover right next to the button that triggers it. Firefox and Safari both make it easy. Chrome’s behavior makes me sad.
Performance is a key aspect of the user experience 🥲
Have you seen any good articles or projects using Cascade Layers for CSS architecture? Modern CSS seems capable of something similar to BEM without complex tooling, but I’m struggling to make it work. You know, 15-year-old habits won’t let you go easy.

I’ll start:

A whole cascade of layers
Modern alternatives to BEM
Modern CSS for dynamic component-based architecture
With another wave of seasonal migration between social networks, let me remind you that I cross-post pretty much everywhere I can to stay in touch with scattered friends. I’m mostly active on Mastodon, but feel free to pick the one that works for you: Mastodon, Bluesky, Threads, X, LinkedIn, Facebook.

Also, occasional photos and videos from gigs on Instagram.
Gather around the fire, kids. Today, I will tell you an HTMHell story about native HTML color scheme switching. It’s getting dark early in Berlin in the winter…

https://htmhell.dev/adventcalendar/2024/9/
Happy browser choice day to those in Europe who celebrate! This is a second attempt to get it right. Brought to you by the iOS 18.2 update and the fine folks from Open Web Advocacy
Starting from Chrome 122 and today’s Firefox 134, you can use align-self and justify-self (or the place-self shortcut) to control boxes with position: absolute and inset: 0. Waiting for Safari to catch up!

https://codepen.io/pepelsbey/pen/xxvLBYZ
I just discovered that you can’t debug styles in a shadow root in WebKit Web Inspector if they’re attached using adoptedStyleSheets (constructable stylesheets). For some reason, they’re considered user agent stylesheets 🤔

https://bugs.webkit.org/show_bug.cgi?id=289948
Planned a four-day CSS trip to Amsterdam in June:

June 4, Pre-CSS Day meetup
June 5–6, CSS Day conference
June 7, CSS Café meetup

See you there 🤓
This book didn’t age well 🥲

(Hail Mary Project by Andy Weir)